﻿<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <title>登录/注册</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.8.2/css/all.min.css">
    <link rel="stylesheet" href="../plugins/layui/css/layui.css">
    <script src="../js/conf.js"></script>

    <link rel="stylesheet" href="../css/login/dmaku.css">
</head>

<body>

<div class="top_box" id="pwy_nav">

</div>
<div class="dowebok" id="dowebok">
    <div class="form-container sign-up-container">
        <form>
            <h1>注册</h1>
            <input type="text" id="register-account" placeholder="姓名                              必须由字母组成">
            <span id="register-account-span" style="display: none">* 用户名必须由字母组成</span>
            <input type="password" id="register-password"
                   placeholder="密码                              必须由字母组成">
            <span id="register-password-span" style="display: none">* 用户名必须由字母组成</span>
            <input type="password" id="register-pwd" placeholder="确认密码                       必须和密码一致">
            <span id="register-pwd-span" style="display: none">* 用户名必须由字母组成</span>
            <button type="button" onclick="register()">注册</button>
        </form>
    </div>
    <div class="form-container sign-in-container">
        <form id="idpassword">
            <h1>登录</h1>
            <input type="text" name="account" placeholder="账号">
            <span id="account-login" style="display: none">请输入用户名</span>
            <input type="password" name="password" placeholder="密码">
            <span id="password-login" style="display: none">请输入密码</span>
            <span id="error-login" style="display: none">用户名或密码错误</span>
            <button type="button" onclick="login()">登录</button>
            <button class="y-butten" type="button" onclick="phoneLogin()">手机号登录</button>
        </form>
        <form id="phone" style="display: none">
            <h1>登录</h1>
            <input type="text" name="phone" placeholder="手机号" id="phoneNum">
            <span  style="display: none">请输入手机号</span>
            <input type="password" name="phCod" placeholder="验证码" id="phoneCode">
            <button type="button" id="y-send" onclick="send()">发送验证码</button>
            <span  style="display: none">请输入验证码</span>
            <button type="button" onclick="loginPhone()">登录</button>
            <button class="y-butten" type="button" onclick="userLogin()">账号密码登录</button>
        </form>
    </div>
    <div class="overlay-container">
        <div class="overlay">
            <div class="overlay-panel overlay-left">
                <h1>已有帐号？</h1>
                <p>请使用您的帐号进行登录</p>
                <button class="ghost" id="signIn">登录</button>
            </div>
            <div class="overlay-panel overlay-right">
                <h1>没有帐号？</h1>
                <p>立即注册加入我们，和我们一起开始旅程吧</p>
                <button class="ghost" id="signUp">注册</button>
            </div>
        </div>
    </div>
</div>
<script src="../plugins/jquery.min.js"></script>
<script src="../js/login/dmaku.js"></script>
<script src="../plugins/layui/layui.js"></script>
<script>
    $(function () {
        $("#pwy_nav").load('./nav.html');
    })
</script>
<style>
    .copyrights {
        text-indent: -9999px;
        height: 0;
        line-height: 0;
        font-size: 0;
        overflow: hidden;
    }
</style>
</body>

</html>